<!DOCTYPE html>
<html class="coverhtml">
<head>
<title>Modern Sky Festival 2018</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
<meta name="format-detection" content="telephone=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link href="../css/global.css" rel="stylesheet" type="text/css" media="all">
<link href="../css/main.css" rel="stylesheet" type="text/css" media="all">
<link media="screen and (min-width:1000px)" rel="stylesheet" type="text/css" href="../css/mainsreen.css">
<!-- <link href="css/video-js.min.css" rel="stylesheet"> -->
<!-- build:css css/iconfont-festival.css -->
<link href="../css/iconfont-festival.css" rel="stylesheet">
<script src="../js/jquery-1.8.2.min.js" type="text/javascript"></script>
<script src="../js/html5media.min.js" type="text/javascript"></script>
</head>

<body class="coverbody">
	<div id="wrap" class="wrap">
        <div class="goback"><a href="../index.html"><img src="../images/goback.png"/></a></div>
	    <div class="videobox" style="text-align: center;">
            <img src="../images/la_video.png" style="width: 100%;" />
            <div class="mvideo">
                <video poster="../images/la_video.png" style="width: 100%; height: 100%;" controls preload autoplay loop> 
                    <source src="../video/ss2.mp4" media="only screen and (min-device-width: 568px)"></source> 
                    <source src="../video/ss2.mp4" media="only screen and (max-device-width: 568px)"></source> 
                    <source src="video.webm"></source> 
                    <!-- <source src="video.iphone.mp4" media="only screen and (max-device-width: 568px)"></source> 
                    <source src="video.webm"></source>  -->
                </video>
            </div>
        </div>
        <div class="main">
            <ul class="nyc-btn">
                <li><a href="#lineup">Lineup</a></li>
                <li><a href="#festival">Festival Info</a></li>
                <li><a href="#schedule">Schedule</a></li>
            </ul>
            <ul class="nyc-btn">
                <li><a href="#map">Map</a></li>
                <li><a href="#connect">Connect</a></li>
                <li><a href="#partners">Partners</a></li>
            </ul>
            <h3 class="detail-title" id="lineup">LINEUP</h3>
            <h4 class="singerLineup-tit">Saturday 11/10</h4>
            <ul class="singer-list singer-list-b2x">
                <li><span></span><b>Edison Chen</b><a href="EdisonChen-detail.html"><img src="../images/artist/la-EdisonChen@1.5x.png"/></a></li>
                <li><span></span><b>BewhY</b><a href="BewhY-detail.html"><img src="../images/artist/BewhY@1.5x.jpg"/></a></li>
                <li><span></span><b>Vinida</b><a href="Vinida-detail.html"><img src="../images/artist/Vinida@2x.png"/></a></li>
                <li><span></span><b>Mr. Sea Turtle</b><a href="Turtle-detail.html"><img src="../images/artist/la-Mr. Sea Turtle@1.5x.png"/></a></li>
                <li><span></span><b>PO8</b><a href="PO8-detail.html"><img src="../images/artist/la-PO8@1.5x.png"/></a></li>
                <li><strong>+ more<br/> TBA</strong><a><img src="../images/artist/add-singer-bg.png"/></a></li>  
            </ul>
            <h4 class="singerLineup-tit">Saturday 11/11</h4>
            <ul class="singer-list">
                <li><span></span><b>Jay Park</b><a href="JayPark-detail.html"><img src="../images/artist/la-Jay Park@1.5x.png"/></a></li>
                <li><span></span><b>Chen Li</b><a href="ChenLi-detail.html"><img src="../images/artist/Chen Li@2x.png"/></a></li>
                <li><span></span><b>Young Jack</b><a href="YoungJack-detail.html"><img src="../images/artist/Young Jack@2x.png"/></a></li>
                <li><span></span><b>GO$H2</b><a href="GO$H2-detail.html"><img src="../images/artist/la-GO$H2@1.5x.png"/></a></li>
                <li><span></span><b>Hongyu Chen</b><a href="hongyu-detail.html"><img src="../images/artist/la-Hongyu Chen@1.5x.png"/></a></li>
                <li><strong>+ more<br/> TBA</strong><a><img src="../images/artist/add-singer-bg.png"/></a></li>  
            </ul>
            <div class="detail-module">
            	<h3 id="festival"><b></b>Festival Info</h3>
            	<div class="detail-mcont">
                    <div class="mcont-show">
                	    <p>Modern Sky Festival L.A. is now double the fun, expanding to 2 amazing days of music at Santa Anita Park on Saturday and Sunday, November 10 and 11, 2018. Featuring a super-sized diverse group of artists from China to Korea to America, the festival weekend promises to be an unforgettable experience. Edison Chen 陈冠希, Jay Park 朴宰范 박재범, Chen Li 陈粒, BewhY 비와이, Vinida 万妮达, Young Jack 满舒克, GO$H (布瑞吉Bridge+K ELEVEN), Chen Hongyu 陈鸿宇, Mr. Sea Turtle 海龟先生, PO8 and more artists are all set to perform.</p>
                	    <div class="entry-btn"><a href="activity-detail.html">More</a> <span class="iconfont icon-rightarrow"></span></div>
                    </div>
            		<div class="opacity-bg"></div>
            	</div>
            </div>
            <div class="detail-module">
                <h3 id="schedule"><b></b>Schedule</h3>
                <div class="detail-mcont">
                    <div class="mcont-show">
                        <div class="comingsoon">
                            <h1>COMING SOON</h1>
                        </div>
                    </div>
                    <div class="opacity-bg"></div>
                </div>
            </div>
            <div class="detail-module">
                <h3 id="map"><b></b>Map</h3>
                <div class="detail-mapcont">
                    <div class="mapcont-show">
                        <div class="mapcoming">
                            <h4>Modern Sky Festival  L.A. MAP</h4>
                            <h1>COMING SOON</h1>
                        </div>
                    </div>
                    <div class="opacity-bg"></div>
                </div>
                <ul class="mapbtnlist">
                    <li><a class="mapbtn-GA">GA</a></li>
                    <li><a class="mapbtn-ACCESS">ALL ACCESS</a></li>
                    <li><a class="mapbtn-VIP">VIP</a></li>
                    <li><a class="mapbtn-STAGE">STAGE</a></li>
                </ul>
            </div>
            <div class="detail-module">
                <h3 id="connect"><b></b>Connect</h3>
                <div class="detail-mcont">
                    <div class="mcont-show">
                        <ul class="connect-list">
                            <li>
                                <p><b></b><a href="http://modernskyusa.com/">MODERN SKY USA WEBSITE</a></p><p><a href="http://modernskyfestivalla.com/">MODERN SKY FESTIVAL L.A. WEBSITE</a></p><p><a href="https://www.facebook.com/events/281128396017401/">FACEBOOK EVENT</a></p>
                            </li>
                        </ul>
                        <div class="share-box">
                            <a href="https://www.facebook.com/modernskyentertainment/"><img src="../images/icon-Facebook@2x.png" /></a>
                            <a href="https://twitter.com/modernskyent"><img src="../images/icon-Twitter@2x.png" /></a>
                            <a href="https://www.instagram.com/modernskyent/?hl=en"><img src="../images/icon-Instagram@2x.png" /></a>
                            <a class="QRCode"><img src="../images/icon-wechat@2x.png" /></a>
                        </div>
                    </div>
                    <div class="opacity-bg"></div>
                </div>
            </div>
            <div class="detail-module">
                <h3 id="partners"><b></b>Partners</h3>
                <div class="detail-mcont">
                    <div class="mcont-show">
                        <div class="comingsoon">
                            <h1>COMING SOON</h1>
                        </div>
                    </div>
                    <div class="opacity-bg"></div>
                </div>
                <!-- <div class="detail-partners">
                    <ul class="cocolaw">
                
                
                        <li>
                            <p>EDM Official Partner</p>
                            <a href="https://www.Purityevents.com"><img src="../images/LA-purityewents.png"/></a>
                        </li>
                        <li>
                            <p>Transportation Partner</p>
                            <a href="https://www.humacar.com/en/"><img src="../images/LA-HUMACAR.png"/></a>
                        </li>
                
                
                    </ul>
                    <h2>Silver Sponsor</h2>
                
                
                    <div class="silversponsor">
                        <a href="sponsor-hooli.html" class="col40"><img src="../images/sponsor-hooli.png"/></a>
                        <a class="col30" href="sponsor-coco.html"><img src="../images/sponsor-coco.png"/></a>
                    </div>
                    <h2>Media & Marketing Partners</h2>
                
                    <div class="mediapartners"><img src="../images/LA-Media & Marketing Partners.png"/></div>
                </div> -->
            </div>
            <div class="stance"></div>
        </div>
        <div class="backTop backtop-toronto" id="backTop"><a><img src="../images/icon-backtop.png"/></a></div>
        <div class="ticketsfixed"><a href="https://wl.seetickets.us/event/Modern-Sky-Festival-LA-2018/369416?afflky=ModernSkyUSA">GET TICKETS</a></div>
    </div>
    <script type="text/javascript">
    /*弹层*/
    $(function(){   
        $(".mapbtn-GA").click(function(){ 
            //dialog("popup");
            $("#pop1").show();
        });
        $(".mapbtn-VIP").click(function(){ 
            //dialog("popup");
            $("#pop2").show();
        });
        $(".mapbtn-ACCESS").click(function(){ 
            //dialog("popup");
            $("#pop3").show();
        });
        $(".food,.foodrt,.foodfdc").click(function(){ 
            //dialog("popup");
            $("#pop4").show();
        });
        $(".mapbtn-STAGE").click(function(){ 
            //dialog("popup");
            $("#pop5").show();
        });
        $(".QRCode").click(function(){ 
            //dialog("popup");
            $("#pop6").show();
        });
        $(".icon-close").click(function(){ 
            //dialog("popup");
            $("#pop1,#pop2,#pop3,#pop4,#pop5,#pop6").hide();
        });
        //首先将#back-to-top隐藏
        $("#backTop").hide(); 
        //当滚动条的位置处于距顶部200像素以下时，跳转链接出现，否则消失
        $(window).scroll(function(){
            if ($(window).scrollTop()>400){
                $("#backTop").fadeIn();
            }else{
                $("#backTop").fadeOut();
            }
        });
        
        //当点击跳转链接后，回到页面顶部位置
        $("#backTop").click(function(){
            $('body,html').animate({scrollTop:0},500);
            return false;
        });
    })
    </script>
    <div class="mask" id="pop1">
        <div class="pop">
            <div class="pop-cont pop-cont-big">
                <h2><i></i><b><tt></tt>General Admission</b></h2>
                <div class="popcontfy">
                    <b>Single Day:</b>
                    <ul class="ulga">
                        <li><span>$79</span> – Early Bird</li>
                        <li><span>$89</span> – Advance</li>
                        <li><span>$99</span> – Day Of</li>
                    </ul>
                </div>
                <div class="popcontfy">
                    <b>Weekend:</b>
                    <ul class="ulga">
                        <li><span>$89</span> – Early Bird</li>
                        <li><span>$99</span> – Advance</li>
                        <li><span>$109</span> – Day Of</li>
                    </ul>
                </div>
            </div>
            <div class="close-box"><i class="iconfont icon-close"></i></div>
        </div> 
    </div>
    <div class="mask" id="pop2">
        <div class="pop">
            <div class="pop-cont">
                <h2><i></i><b><tt></tt>VIP</b></h2>
                <div class="popcontfy">
                    <b>Single Day:</b>
                    <ul class="ulga">
                        <li><span>$179</span> – Early Bird</li>
                        <li><span>$189</span> – Advance</li>
                        <li><span>$199</span> – Day Of</li>
                    </ul>
                </div>
                <div class="popcontfy">
                    <b>Weekend:</b>
                    <ul class="ulga">
                        <li><span>$189</span> – Early Bird</li>
                        <li><span>$199</span> – Advance</li>
                        <li><span>$209</span> – Day Of</li>
                    </ul>
                </div>
                <div class="popinclude">
                    <h3>VIP Package includes: </h3>
                    <p>• VIP Experience (includes seating, food, open bar*)</p>
                    <p>• Official Festival merch</p>
                    <p>• VIP RFID wristband</p>
                    <p>• VIP Express Line Entry/Exit</p>
                    <p>*Open bar: wine, beer, and soft drinks</p>
                </div>
            </div>
            <div class="close-box"><i class="iconfont icon-close"></i></div>
        </div> 
    </div>
    <div class="mask" id="pop3">
        <div class="pop">
            <div class="pop-cont">
                <h2><i></i><b><tt></tt>All Access VVIP</b></h2>
                <div class="popcontfy">
                    <b>Single Day:</b>
                    <ul class="ulga">
                        <li><span>$269</span> – Early Bird</li>
                        <li><span>$279</span> – Advance</li>
                        <li><span>$289</span> – Day Of</li>
                    </ul>
                </div>
                <div class="popcontfy">
                    <b>Weekend:</b>
                    <ul class="ulga">
                        <li><span>$279</span> – Early Bird</li>
                        <li><span>$289</span> – Advance</li>
                        <li><span>$299</span> – Day Of</li>
                    </ul>
                </div>
                <div class="popinclude" style="padding-top: 0;">
                    <h3>All Access Package includes: </h3>
                    <p>• Premium Front-of-stage access for all performances </p>
                    <p>• Premium VVIP Experience (includes seating, food, open bar*)</p>
                    <p>• Limited Edition Fest boxset</p> 
                    <p>• Official Festival merch </p>
                    <p>• ALL ACCESS RFID wristband</p> 
                    <p>• Private ALL ACCESS Entry/Exit</p>
                    <p>*Open bar: wine, beer, and soft drinks</p>
                    <h3>Note: </h3>
                    <p>ALL ACCESS includes access to front-of-stage area, VVIP Experience, and general audience areas of festival only, not back-stage.</p>
                </div>
            </div>
            <div class="close-box"><i class="iconfont icon-close"></i></div>
        </div> 
    </div>
    <div class="mask" id="pop4">
        <div class="pop">
            <div class="pop-cont">
                <h2><i></i>FOOD & DRINK</h2>
                <div class="popinclude">
                    <h3>All Access Package includes: </h3>
                    <p>Premiyum Front-of-stage access for all performances, Premium VVIP Experience (includes seating, catered food experience, open bar*), Limited Edition Fest boxset, Official Festival merch, ALL ACCESS Laminate**, Private ALL ACCESS Entry/Exit*Open bar: wine, beer, and soft drinks</p>
                    <h3>Note: </h3>
                    <p>ALL ACCESS includes access to front-of-stage area, VVIP Experience, and general audience areas of festival only, not back-stage.</p>
                </div>
            </div>
            <div class="close-box"><i class="iconfont icon-close"></i></div>
        </div> 
    </div>
    <div class="mask" id="pop5">
        <div class="pop">
            <div class="pop-cont">
                <h2><i></i><b><tt></tt>Schedule </b></h2>
                <!-- <ul class="stagelist">
                    <li><b></b><span>2:30 PM</span> DYNAMIC DUO다이나믹듀오</li>
                    <li><b></b><span>3:10 PM</span> Tizzy T</li>
                    <li><b></b><span>4:30 PM</span> SUNSET ROLLERCOASTER</li>
                    <li><b></b><span>4:50 PM</span> 二白贰佰</li>
                    <li><b></b><span>5:30 PM</span> 日落过山车</li>
                    <li><b></b><span>5:50 PM</span> 博汉凤凰</li>
                </ul> -->
                <div class="popmoon">COMING SOON！</div>
            </div>
            <div class="close-box"><i class="iconfont icon-close"></i></div>
        </div> 
    </div>
    <div class="mask" id="pop6">
        <div class="pop">
            <div class="pop-cont">
                <div class="QRCodebox"><img src="../images/QRCode.png" /></div>
            </div>
            <div class="close-box"><i class="iconfont icon-close"></i></div>
        </div> 
    </div>
</body>
</html>
